$(document).ready(function () {
  // #region 左侧公共导航
  // 1 图文轮播效果
  let timeId = null;
  clearInterval(timeId);
  let num = 0;
  let fn = function () {
    num++;
    $('.comm_imageBox ul li').eq(num).show().siblings().hide();
    $('.comm_contBox ul li').eq(num).addClass('active').siblings().removeClass('active');
    if (num == 4) {
      num = -1;
    }
  };
  timeId = setInterval(fn, 1500);
  // 2 鼠标移入停止轮播效果及切换效果
  $('.comm_nav').on('mouseover', function () {
    clearInterval(timeId)
  });
  $('.comm_nav').on('mouseout', function () {
    timeId = setInterval(fn, 1500)
  });
  $('.comm_contBox ul li').on('mouseover', function () {
    let index = $(this).index();
    $('.comm_contBox ul li').eq(index).addClass('active').siblings().removeClass('active');
    $('.comm_imageBox ul li').eq(index).show().siblings().hide()
  })
  // 3 点击关闭按钮关闭导航
  $('.comm_off').on('click', function () {
    $('.comm_nav').hide()
  });
  // 4 页面加载完后出现
  setTimeout(function () {
    $('.comm_nav').fadeIn()
  }, 1500)

  // #endregion
})